<!-- 消费上限策略 -->
<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '新建策略',
          contents: [
            '消费上限功能是针对卡类型、餐别、能够进行消费金额的限制。',
            '如图所示，点击“新建”选择使用卡类型和可用餐别，设置消费上限点击“提交”就建立了新的消费上限策略。如果消费上限金额为0时消费提示“超过消费上限”'
          ],
          urls: [
            '/static/imgs/setting/uplimit_1.png',
            '/static/imgs/setting/uplimit_2.png'
          ]
        }, {
          title: '编辑策略',
          contents: [
            '点击“编辑”对已有的策略进行修改',
            ''
          ],
          urls: [
            '/static/imgs/setting/uplimit_3.png',
            '/static/imgs/setting/uplimit_4.png'
          ]
        }, {
          title: '删除',
          contents: [
            '点击“删除”能够删除已有的策略。'
          ],
          urls: [
            '/static/imgs/setting/uplimit_5.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
